﻿@model VisaApp.Models.UserModel


@{  AjaxOptions ajaxOpts = new AjaxOptions
    {
        HttpMethod = "post",
        OnComplete = "completedAjaxRequestCustoer"
    };
}
<script type="text/javascript">
    $(document).ready(function () {
        $("#tabasAddCategory").tabs();
    });
</script>

@using (Ajax.BeginForm("AddUserAdmin", "Quantri", null, ajaxOpts, new { enctype = "multipart/form-data" }))
{
    <div class="section-header">
        <div class="options">
            <button type="submit" name="save" value="save" class="t-button">
                Save</button>
        </div>
    </div>
    <div class="warning-area">
    </div>
    <div id="tabasAddCategory">
        <ul>
            <li><a href="#tabs-1">Thông tin</a></li>
            <li><a href="#tabs-2">Phân quyền</a></li>
        </ul>
        <div id="tabs-1">
            <table>
                <tr>
                    <td colspan="2">
                        <div class="warning-area">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="adminTitle">
                        @Html.LabelFor(model => model.UserFullName, "Họ và tên"):
                    </td>
                    <td class="adminData">
                        @Html.TextBoxFor(model => Model.UserFullName, new { @style = "width:500px" })
                        @Html.ValidationMessageFor(model => model.UserFullName)
                    </td>
                </tr>
                <tr>
                    <td class="adminTitle">
                        @Html.LabelFor(model => model.UserEmail, "Email"):
                    </td>
                    <td class="adminData">
                        @Html.TextBoxFor(model => Model.UserEmail, new { @style = "width:500px" })
                        @Html.ValidationMessageFor(model => model.UserEmail)
                    </td>
                </tr>
                <tr>
                    <td class="adminTitle">
                        @Html.LabelFor(model => model.UserName, "User Name"):
                    </td>
                    <td class="adminData">
                        @Html.TextBoxFor(model => Model.UserName, new { @style = "width:500px" })
                        @Html.ValidationMessageFor(model => model.UserName)
                    </td>
                </tr>
                <tr>
                    <td class="adminTitle">
                        @Html.LabelFor(model => model.UserPass, "Pass word"):
                    </td>
                    <td class="adminData">
                        @Html.PasswordFor(model => Model.UserPass, new { @style = "width:500px" })
                        @Html.ValidationMessageFor(model => model.UserPass)
                    </td>
                </tr>
            </table>
        </div>
        <div id="tabs-2">
           @for (var i = 0; i < Model.ModelCheck.Count(); i++)
           {
               <br />
                @Html.HiddenFor(it => it.ModelCheck[i].Id)
                @Html.TextBoxFor(it => it.ModelCheck[i].Name, new { disabled = "disabled" })
                @Html.CheckBoxFor(it => it.ModelCheck[i].Checkbox)
               <br />
           }
        </div>
    </div>
    
   
   
}
